﻿// 软件开发一部 metro ui 制作 
// design by tuy 
// 2014.02.26 v1.0

/*  基于jquery框架的 部分代码*/

$(document).ready(function () {

//begin jq ui
	$( "#accordion" ).accordion();
	$( "#tabs" ).tabs();
	$( "#dialog-link, #icons li" ).hover(
			function() {
				$( this ).addClass( "ui-state-hover" );
			},
			function() {
				$( this ).removeClass( "ui-state-hover" );
			}
		);
//end jq ui
/*
$.fn.selectRange = function(start, end) {
    return this.each(function() {
        if (this.setSelectionRange) {
            this.focus();
            this.setSelectionRange(start, end);
        } else if (this.createTextRange) {
            var range = this.createTextRange();
            range.collapse(true);
            range.moveEnd('character', end);
            range.moveStart('character', start);
            range.select();
        }
    });
};
*/
$.fn.position=function(value){
var elem = this[0];
if (elem&&(elem.tagName=="TEXTAREA"||elem.type.toLowerCase()=="text")) {
if($.browser.msie){
var rng;
if(elem.tagName == "TEXTAREA"){
rng = event.srcElement.createTextRange();
rng.moveToPoint(event.x,event.y);
}else{
rng = document.selection.createRange();
}
if( value === undefined ){
rng.moveStart("character",-event.srcElement.value.length);
return  rng.text.length;
}else if(typeof value === "number" ){
var index=this.position();
index>value?( rng.moveEnd("character",value-index)):(rng.moveStart("character",value-index))
rng.select();
}
}else{
if( value === undefined ){
return elem.selectionStart;
}else if(typeof value === "number" ){
elem.selectionEnd = value;
elem.selectionStart = value;
}
}
}else{
if( value === undefined )
return undefined;
}
};

	$(".io").one("click", function(){
      $(".io").position(0);
    });
	$(".io").one("keydown", function(){
      $(this).val("");
	  $(this).css("color","#000");
    });
    /*div宽度的一致 兼容性的调整*/
	adjust();
	$(window).resize(function(){adjust();});
	function adjust(){
	var wiW=$(window).width();
	var wiH=$(window).height();
		
	//alert(wiH)
	
	$(".mainright").css("height", wiH-75);
    //$(".mainleft").css("height", mrW);
	$(".mainleft").css("height", wiH-75);
	$(".panel").css("width", wiW-198);
	$(".item").css("width", wiW-202);
	$(".mainright").css("width", wiW-178);
	//alert(document.getElementById("mainright").scrollHeight)
   if((document.getElementById("mainright").scrollHeight)>($(".mainright").outerHeight()))
   {
    //alert("dd")
   	$(".panel").css("width", wiW-218);
	$(".item").css("width", wiW-222);
	$(".mainright").css("width", wiW-198);
    
   }
   else{
   // alert("ddxs")
   	$(".panel").css("width", wiW-198);
	$(".item").css("width", wiW-202);
	$(".mainright").css("width", wiW-178);
   }

	//$("#foot").css("top", wiH-51);
	 //alert($(".mainright").innerHeight()+" "+$(".mainright").outerHeight()+" "+document.getElementById("mainright").scrollHeight)
	
	}
    /*div宽度的一致*/
    $(".big").click(function (event) {
        $(this).nextAll("li").each(function (i) {
            if ($(this).hasClass("big")) {
                return false;
            }
            else {
                $(this).toggle();
            }
        })
        var li = $($(this).next("li"));
        var span = $(this).children("a").children("div").children("span");
        if (li[0] && li.hasClass("big") == false) {
            if (li.is(":hidden")) {
                span.removeClass("dot1");
                span.removeClass("dot1a");
                span.addClass("dot2");
                span.addClass("dot2a");
            } else {
                span.removeClass("dot2");
                span.removeClass("dot2a");
                span.addClass("dot1");
                span.addClass("dot1a");
            }
        }
    })


    /* 鼠标点击留住值*/

    $(".menuf").each(function (index) {

        $(this).click(function () {
            $(".menuf").eq(index).css("background-color", "#D4D4D4");
            $(".menuf").eq(index).siblings().css("background-color", "#F3F3F3");

        });

    });

    /* 鼠标经过变暗table*/

    /* title左侧的小图标*/


    $(".big").mouseover(function () {
        $(this).find(".dot1").css("display", "block");
        $(this).find(".dot2").css("display", "block");
    });
    $(".big").mouseout(function () {

        $(".big").find(".dot1").fadeOut();
        $(".big").find(".dot2").fadeOut();
    });




    /*搜索框样式*/


    $(".search").click(function () {
        $(this).find("input").css("border-color", "#000");
    });
    $(".search input").blur(function () {
        $(this).css("border-color", "#D6D6FF");

    });

});